<template>
  <div>
    <!-- <div class="DescriptionTitle">{{ $t('projectPlanBaseInquireTitle') }}</div> -->
    <el-descriptions direction="horizontal" :column="24" border>
      <el-descriptions-item :label="$t('customerCode')" :span="12" content-class-name="label-with-150">{{ `${projectPlanCustomerInformation.customer_code}` }}</el-descriptions-item>
      <el-descriptions-item :label="$t('customerName')" :span="12" content-class-name="label-with-150">{{ projectPlanCustomerInformation.customer_name }}</el-descriptions-item>
      <el-descriptions-item :label="$t('customerUrl')" :span="12" content-class-name="label-with-150">{{ projectPlanCustomerInformation.customer_url }}</el-descriptions-item>
      <el-descriptions-item :label="$t('customerProduct')" :span="12" content-class-name="label-with-150">{{ projectPlanCustomerInformation.customer_product }}</el-descriptions-item>
      <el-descriptions-item :label="$t('productForm')" :span="8" content-class-name="label-with-150">{{ projectPlanCustomerInformation.product_form }}</el-descriptions-item>
      <el-descriptions-item :label="$t('factoryNumber')" :span="8" content-class-name="label-with-150">{{ projectPlanCustomerInformation.factory_num }}</el-descriptions-item>
      <el-descriptions-item :label="$t('stockClustersNumber')" :span="8" content-class-name="label-with-150">{{ projectPlanCustomerInformation.stock_clusters_num }}</el-descriptions-item>
      <el-descriptions-item :label="$t('stockAddress')" :span="24" content-class-name="label-with-150">{{ projectPlanCustomerInformation.address }}</el-descriptions-item>
      <el-descriptions-item :label="$t('productNumber')" :span="12" content-class-name="label-with-150">{{ projectPlanCustomerInformation.product_num }}</el-descriptions-item>
      <el-descriptions-item :label="$t('itemNumber')" :span="12" content-class-name="label-with-150">{{ projectPlanCustomerInformation.item_num }}</el-descriptions-item>
    </el-descriptions>
  </div>
</template>
<script>
export default {
  name: 'ProjectPlanCustomerInformation',
  props: {
    projectPlanCustomerInformation: {
      required: true,
      type: Object
    }
  }
}
</script>
<style scoped>
@import "~@/views/projectbase/projectcss/project.css";
</style>
